<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

	<title>mafiashare.net</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta name="description" content="Empire - XHTML Template" />

	<!-- CSS -->	
	<link href='__PUBLIC__/fonts/sansation.css' rel="stylesheet" type="text/css" />	<!-- Get any font from here easily: http://www.google.com/webfonts -->	
	<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" />	
	<link href="__PUBLIC__/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
	<link href="__PUBLIC__/css/nivo-slider.css" rel="stylesheet" type="text/css" />
	<link href="__PUBLIC__/css/styler-farbtastic.css" rel="stylesheet" type="text/css" />
	
	<!-- UPDATE BROWSER WARNING IF IE 7 OR LOWER -->
	<!--[if lt IE 8]>
	<link href="css/stop_ie.css" rel="stylesheet" type="text/css" />
	<![endif]-->

	
	<!-- JAVASCRIPTS -->
	<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/jquery-ui-1.8.17.custom.min.js"></script>			
	<script type="text/javascript" src="__PUBLIC__/fancybox/jquery.fancybox-1.3.4.pack.js"></script>	
	<script type="text/javascript" src="__PUBLIC__/js/jquery.nivo.slider.js"></script>			
	<script type="text/javascript" src="__PUBLIC__/js/jquery.bgslider.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/preloader.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/farbtastic.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/basic.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/styler.js"></script>
		
	<!-- PAGE OPENING ANIMATION -->
	<script type="text/javascript">		
	
	//PAGE IS CLOSED ON START
	//
<?php
// echo $_SERVER['REQUEST_URI'];
	switch($_SERVER['REQUEST_URI']){
	case '/':
		echo "jQuery(document).ready(function(){";
		echo "jQuery('#page').css({'display':'inline','width':'300px','overflow':'hidden','margin-right':'340px'});";
		echo "jQuery('#sidebar').css({'margin-left':'326px'});";	
		echo "});";
	break;
	case '':
		echo "jQuery(document).ready(function(){";
		echo "jQuery('#page').css({'display':'inline','width':'300px','overflow':'hidden','margin-right':'340px'});";
		echo "jQuery('#sidebar').css({'margin-left':'326px'});";	
		echo "});";
	break;
	default:

	
	break;

}
?>

	
		//WHEN ALL ELEMENTS ARE LOADED
		jQuery(window).load(
			function() {			
				
						
      jQuery('#hp_preloader').delay(800).animate({'opacity':'0'},1400,function(){

      	jQuery('#slider-nivo').nivoSlider({
      		controlNav:true,
      		controlNavThumbs:false,
      	    keyboardNav:false,
      	    pauseOnHover:false,
      	    prevText:'',
      	    nextText:'',
      	    effect:'fade',
      	    animSpeed:300,
      	    pauseTime:4000
      	});

      	jQuery(this).remove();
      	jQuery('#sidebar').delay(800).animate({
      		'margin-left':'0px'
      	},2100);

      	jQuery('#page').delay(800).animate({
      		'margin-right':'0px',
      		'width':'666px'
      	},2100);
	
						});				
			}
		);			
	</script>
		
</head>
<body>
	<!-- DISPLAY MESSAGE IF JAVA IS TURNED OFF -->
	<noscript>		
		<div id="notification">Please turn on javascript in your browser for the maximum experience!</div>
	</noscript>

	<!-- DISPLAY THIS MESSAGE IF USER'S BROWSER IS IE7 OR LOWER -->
	<div id="ie_warning"><img src="__PUBLIC__/images/warning.png" alt="IE Warning" /><br /><strong>Your browser is out of date!</strong><br /><br />This website uses the latest web technologies so it requires an up-to-date, fast browser!<br />Try <a href="http://www.mozilla.org/en-US/firefox/new/?from=getfirefox">Firefox</a> or <a href="https://www.google.com/chrome">Chrome</a>!</div>

	<!-- PAGE LOADING -->
	<div id="hp_preloader"></div>

	<!-- STYLER FOR DEMO -->
	<div id="styler">
		<div id="styler-button"><a href="#"><img src="__PUBLIC__/images/styler-button.png" alt="styler" /></a></div>
			
		<div class="styler-title"><img src="__PUBLIC__/images/styler-t1.png" alt="" /></div>
			
		<ul id="texture">	
			<li><a href="#" id="styler-texture-1">None</a></li>
			<li id="selected"><a href="#" id="styler-texture-2">Leather</a></li>
			<li><a href="#" id="styler-texture-3">Carbon</a></li>
		</ul>
		
		<div class="styler-title"><img src="__PUBLIC__/images/styler-t2.png" alt="" /></div>
		
		<div id="styler-colorpicker" class="colorpicker"></div>
	</div>


	<!-- SITE WRAPPER -->
	<div id="wrapper">
	
		<!-- PAGE WITH CONTENTS -->
		<div id="page">
			<div id="content">
			
				<!-- NIVO SLIDER -->
				<div class="slider-nivo-holder">
					<div id="slider-nivo" >
						<img src="http://g.hiphotos.baidu.com/zhidao/pic/item/9345d688d43f8794a2f3b7b0d21b0ef41bd53a1b.jpg" alt="" />
						<img src="http://s8.sinaimg.cn/middle/6a3c296cx8e033f1d88b7&690" alt="" />
						<img src="http://img2.3lian.com/2014/f5/17/d/58.jpg" alt="" />
					</div>
				</div>
		
				<!-- WELCOME TEXT -->
				<h3 style="text-align: center;"> Hello and welcome to the Empire! This is an elegant XHTML site template<br /> which has many features included!</h3>
				
				<!-- ELEGANT HORIZONTAL LINE -->
				<div class="hr"></div>
				
				<!-- NUMBERED LIST -->
				<ul class="list_num">
					<li><span>1</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus varius, risus vel euismod tempor, justo nibh lacinia leo, quis eleifend diam tortor quis turpis.</li>
					<li><span>2</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus varius, risus vel euismod tempor, justo nibh lacinia leo, quis eleifend diam tortor quis turpis.</li>
					<li class="last"><span>3</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus varius, risus vel euismod tempor, justo nibh lacinia leo, quis eleifend diam tortor quis turpis.</li>
				</ul>				
				
				<!-- SIMPLE HORIZONTAL LINE -->
				<div class="hr2"></div>
				
				<!-- PURCHASE BUTTON -->
				<div class="purchase_button">
					<p>An elegant XHTML site template with many features included! Start using today!</p>
					<a href="#/user/ThemePrince/portfolio?ref=themeprince" class="purchase_button-black">BUY IT NOW!</a>
				</div>

				<div class="hr2"></div>
				
				<!-- FEATURE TEXTS WITH SMALL ICONS -->
				<div class="small_icons">
					<div class="small_icon-img"><img src="__PUBLIC__/images/icon_list1.png" alt="" /></div>
					<p class="small_icon-title">Font Replacement</p>
					<p class="small_icon-text">25+ free fonts included in this theme for @font-face replacement or include your own!</p>
				</div>
				<div class="small_icons">
					<div class="small_icon-img"><img src="__PUBLIC__/images/icon_list2.png" alt="" /></div>
					<p class="small_icon-title">Shortcode Generator</p>
					<p class="small_icon-text">There are more than 20 shortcodes which can be easily added in page/post editor!</p>
				</div>
				<div class="small_icons-last">
					<div class="small_icon-img"><img src="__PUBLIC__/images/icon_list3.png" alt="" /></div>
					<p class="small_icon-title">8 built-in Widgets</p>
					<p class="small_icon-text">Unlimited widget areas and  8 built-in widgets like popular/recent posts, Twitter feed, ajax contact form, etc.</p>
				</div>
				<div class="small_icons">
					<div class="small_icon-img"><img src="__PUBLIC__/images/icon_list4.png" alt="" /></div>
					<p class="small_icon-title">Sliders</p>
					<p class="small_icon-text">Create your unique background sliders and on-page sliders for  each menu.</p>
				</div>
				<div class="small_icons">
					<div class="small_icon-img"><img src="__PUBLIC__/images/icon_list5.png" alt="" /></div>
					<p class="small_icon-title">PSD, Documentation</p>
					<p class="small_icon-text">The PSD files and a    documentation are included for this wordpress theme.</p>
				</div>
				<div class="small_icons-last">
					<div class="small_icon-img"><img src="__PUBLIC__/images/icon_list6.png" alt="" /></div>
					<p class="small_icon-title">Support and Updates</p>
					<p class="small_icon-text">All reported bugs will be fixed and uploaded as soon as possible.</p>
				</div>
				
			</div><!-- #content ends -->	
		</div><!-- #page ends -->
		<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div> 
		
		<!-- SIDEBAR -->
		<div id="sidebar">	
			<div id="sidebar-color"></div>		<!-- SIDEBAR COLOR LAYER -->
			<div id="sidebar-border"></div>		<!-- SIDEBAR BORDER LAYER -->
			<div id="sidebar-light"></div>		<!-- SIDEBAR RADIAL GRADIENT LIGHT LAYER -->
			<div id="sidebar-texture"></div>	<!-- SIDEBAR TEXTURE LAYER -->
			
			<!-- SIDEBAR CONTENT LAYER -->
			<div id="sidebar-content">	
			
				<!-- LOGO -->
				<div id="logo">
					<a href="index.html"><img src="__PUBLIC__/images/logo.png" alt="" /></a>
				</div>
					
				<!-- MENU -->
				<ul id="menu">
					<include file="Public/menu"/>
				</ul>
						
			</div><!-- #sidebar-content ends -->	

			<!-- SOCIAL ICONS ON SIDEBAR'S BOTTOM PART -->
			<ul id="sidebar-bottom">			
				<li><a href="#"><img src="__PUBLIC__/images/sidebar_icons/facebook.png" alt="" /></a></li>
				<li><a href="#"><img src="__PUBLIC__/images/sidebar_icons/twitter.png" alt="" /></a></li>
				<li><a href="#"><img src="__PUBLIC__/images/sidebar_icons/rss.png" alt="" /></a></li>
			</ul>
			
			<!-- COPYRIGHT TEXT -->
			<p id="copyright">EMPIRE XHTML. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
			
		</div><!-- #sidebar ends -->			
					
	</div><!-- #wrapper ends -->

	
	<!-- BACKGROUND SLIDER -->
	<div id="bg_slider">	
		<img src="__PUBLIC__/images/bgslider-1.jpg" alt="" />
		<img src="__PUBLIC__/images/bgslider-2.jpg" alt="" />		
		<img src="__PUBLIC__/images/bgslider-3.jpg" alt="" />		
	</div>


</body>
</html>